<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Demo1</title>
</head>

<body>
    <h1>一级标题</h1>
    <h2>二级标题</h2> 
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    
    <p>段落</p>
    <p>段落与段落之间有空隙</p>

    还有标签是<br/>是用来换行的，像上面这样<br/>

    br 标签换行和 段落标签换行的不同在于，段落标签的换行，段与段之间的空隙较大<br/>

    图片标签种的 src 是图片的地址，后面的alt是在图片不会显示的时候出来的文字。<br/>
    图片还能设置大小，同时设置width和height，如果同时设置可能会让图片有变形，如果只设置其中的一个，那么就是按比例缩小或增大<br/>
    <img src="https://seopic.699pic.com/photo/50017/0822.jpg_wh1200.jpg" width = "200px" alt="这是一个图片"><br/>

    <a href="https://www.baidu.com/">使用外部链接，跳转到百度</a><br/>
    <a href="goto.html">使用相对路径，跳转到跳转页面</a><br/>
    <a href="#">跳转到一个空连接，主要是用来占位</a><br/>
    <a href="goto.html" target="_blank">用另外一个页面打开</a><br/>
    <a href="1.zip">这是一个空压缩包，如果超链接是压缩包，那么就会下载这个压缩包</a>

    <table width: 300px height: 200px border="1" cellspacing = "1px">
        <tr>
            <td>这是一个表格</td>
            <td>2 * 4</td>
        </tr>
        <tr>
            <td colspan="2">可以合并横着的两个单元格</td>
            
        </tr>
        <tr>
            <td></td>
            <td rowspan="2">可以合并竖着的两个单元格,竖着合并就是合并这个一个和它下面的一个，而不是上面的一个</td>
        </tr>
        <tr>
            <td></td>
            
        </tr>
    </table>

</body>
</html>